html,
body{
	width: 100%;
	height: 100%;
}


.sgj-hint{
	background-color: #f4d000;
	width: 100%;
	padding: 10px;
	text-align: right;
}
.sgj-hint a{
	color: #ff8308;
}

.sgj-title{
	width: 100%;
	/* height: 100%; */
	padding: 0 1rem
	text-align: center;
	background-color: #f4d000;
}
.sgj-title img{
	display: block;
	margin: 1rem auto;
	width: 75%;
	
}

.sgj-yaowan {
	display: block;
	width: 100%;
	height: 40%;
	text-align: center;
	padding: 3rem;
}

.sgj-yaowan img{
	display: block;
	width: 30%;
}
.sgj-establish{
	position: absolute;
	bottom: 50px;
	width: 100%;
	text-align: center;
}
.sgj-establish a{
	display: block;
	width: 50%;
	margin: 2rem auto;
}
.sgj-establish a img{
	display: block;
	width: 100%;
}
.backdrop {
	display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 998;
    background-color: rgba(244,208,1,.4);
}
.tips{
	position: relative;
	margin: 20% auto;
	width: 68%;
	height: 58%;
	background-color: #FF8308;
	border: 1px solid #fff;
	box-shadow: 2px 3px #edbd65;
	border-radius: 3px;
}
.tips i{
	display: block;
	position: absolute;
	bottom: -0.5rem;
	left: 50%;
	margin-left:-1rem ;
	width: 2rem;
	height: 2rem;
	font-size: 2rem;
	color: #fff;
	
}
.sgj-show{
	display: block;
}







